<div class="right-main" >
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            背景图
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <div *ngIf="uploading" style="padding: 5px 20px">
                <nz-spin></nz-spin>
                上传中...
            </div>
            <button nz-button class="file-upload mt-sm">
                <input id="file1" accept type="file" (change)="fileChange($event)" />
                <i class="anticon anticon-upload"></i><span>上传背景图</span>
            </button>
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            标题
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <nz-input #color style="width: 80%;" [nzType]="'text'" [(ngModel)]="rightData.fillData.title" appMargin [bottom]="5" [nzRows]="'4'" name="color1" ></nz-input><br />
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            内容
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <nz-input #color style="width: 80%;" [nzType]="'textarea'" [(ngModel)]="rightData.fillData.content" appMargin [bottom]="5" [nzRows]="'4'" name="color1" ></nz-input><br />
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            答案
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <nz-input #color style="width: 80%;" [nzType]="'text'" [(ngModel)]="rightData.fillData.anwser" appMargin [bottom]="5" [nzRows]="'4'" name="color1" ></nz-input><br />
        </div>
    </div>
    <!--<div nz-row nzType="flex">-->
        <!--<div nz-col [nzSpan]="4">-->
            <!--<i class="anticon anticon-file-text"></i>-->
        <!--</div>-->
        <!--<div nz-col [nzSpan]="20">-->
            <!--数据来源-->
        <!--</div>-->
    <!--</div>-->
    <!--<div nz-row nzType="flex">-->
        <!--<div nz-col [nzSpan]="4">-->

        <!--</div>-->
        <!--<div nz-col [nzSpan]="20">-->
            <!--<nz-checkbox-group [(ngModel)]="comeList" (ngModelChange)="checkChange(comeList)"></nz-checkbox-group>-->
        <!--</div>-->
    <!--</div>-->
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <button nz-button [nzType]="'primary'" (click)="save()" [disabled]="uploading" class="mr-sm">
                <span>保存</span>
            </button>
            <button nz-button [nzType]="'danger'" (click)="deleteComponent()" [disabled]="uploading" class="mr-sm">
                <span>删除</span>
            </button>
        </div>
    </div>
</div>
